<template>
  <div class="row">
    <div class="col-md-4 item" v-bind:key="blog.blogId" v-for="blog in blogs">
      <BlogCardItem v-bind:blog="blog" />
    </div>
  </div>
</template>

<script>
import BlogCardItem from "./BlogCardItem";

export default {
  name: "Projects",
  components:{
    BlogCardItem
  },
  props:["blogs"]
};
</script>

<style scoped>
.item {
  position: relative;

  padding: 15px;
}
.item a {
  display: block;
}
.item p {
  position: absolute;
  bottom: 0;
}
</style>